<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>Profesor</title>
        <link rel="stylesheet" href="resources/css/style.css" />
        <h:outputStylesheet library="css" name="style.css"/>


    </h:head>
    <h:body onload="#{ControladorProfesor.cargarDatos()};#{ControladorProfesor.cargarTablaProfesor()};#{ControladorProyecto.cargarProyectosProfesor()};#{ControladorProyecto.cargarProyectos()}">

        <p:layout fullPage="true">  

            <p:layoutUnit position="north" size="100">  
                <h:outputText value="North unit content." />  
            </p:layoutUnit>  

            <p:layoutUnit position="south" size="100" header="Bottom" styleClass="bot">  
                <h:outputText value="South unit content." />  
            </p:layoutUnit>  

            <p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true" >  
                <h:outputText value="West unit content." />  
            </p:layoutUnit>  

            <p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop" >  
                <h:outputText value="Right unit content." />  
            </p:layoutUnit>  

            <p:layoutUnit position="center" >  
                <p:tabView id="tabView">  

                    <p:tab id="tab1" title="Datos personales">       
                        <h:form>

                            <h:panelGrid id="grid3" columns="2" cellpadding="20">
                                <h:outputLabel for="Nombre" value="#{ControladorProfesor.profesor.nombre}" /> 
                                <h:outputLabel for="Cedula" value="#{ControladorProfesor.profesor.cedula}" /> 
                                <h:outputLabel for="Cargo" value="#{ControladorProfesor.profesor.cargo}" /> 
                                <h:outputLabel for="Direccion" value="#{ControladorProfesor.profesor.direccion}" /> 
                                <h:outputLabel for="Celular" value="#{ControladorProfesor.profesor.celular}" /> 
                                <h:outputLabel for="Email" value="#{ControladorProfesor.profesor.email}" />  
                                <h:outputLabel for="Telefono" value="#{ControladorProfesor.profesor.telefono}" /> 
                                <h:outputLabel for="Facultad" value="#{ControladorProfesor.profesor.facultad.nombre}" /> 

                                <p:commandButton value="Editar" image="lapiz" styleClass="button" onclick="dlg.show();"/>
                            </h:panelGrid>
                        </h:form>

                        <p:dialog id="dialogedita" header="editar informacion" widgetVar="dlg" resizable="false">  
                            <h:form>
                                <h:panelGrid id="gridedita" columns="2" cellpadding="5">  
                                    <h:outputLabel  value="Nombre:" />
                                    <p:inputText value="#{ControladorProfesor.profesor.nombre}"/>
                                    <h:outputLabel  value="Cedula:" />
                                    <p:inputText  disabled="true" value="#{ControladorProfesor.profesor.cedula}"/>
                                    <h:outputLabel  value="Password" />
                                    <p:password  value="#{ControladorProfesor.pass}"/>                                         
                                    <h:outputLabel value="Cargo:" />
                                    <p:inputText  value="#{ControladorProfesor.profesor.cargo}"/>
                                    <h:outputLabel  value="Direccion:" />
                                    <p:inputText value="#{ControladorProfesor.profesor.direccion}"/>
                                    <h:outputLabel  value="Celular" /> 
                                    <p:inputText  value="#{ControladorProfesor.profesor.celular}"/>
                                    <h:outputLabel  value="Email:" />
                                    <p:inputText  value="#{ControladorProfesor.profesor.email}"/>
                                    <h:outputLabel  value="Telefono:" /> 
                                    <p:inputText  value="#{ControladorProfesor.profesor.telefono}"/>
                                    <h:outputLabel  value="Facultad" /> 
                                    <p:inputText  disabled="true" value="#{ControladorProfesor.profesor.facultad.nombre}"/>
                                    <p:commandButton value="Actualizar" actionListener="#{ControladorProfesor.editarProfesor()}" onclick="dlg.hide();"/>


                                </h:panelGrid>  
                            </h:form>

                        </p:dialog> 
                    </p:tab>  

                    <p:tab id="tab2" title="Mis proyectos" >

                        <h:form >
                            <p:dataTable  id="datatable1" 
                                          value="#{ControladorProyecto.listaProyecto}"
                                          var="lis" 
                                          style="column-width: 50px;font-size: 12px;"
                                          paginator="true"
                                          rows="10"
                                          rowsPerPageTemplate="10,20,30"
                                          rowKey="#{lis.idproyecto}"
                                          selection="#{ControladorProyecto.proyecto}"
                                          selectionMode="single">


                                <p:column style="width:4%">  
                                    <p:commandButton id="selectButton"  icon="ui-icon-check" title="View"  actionListener="#{ControladorArchivos.cargarArchivos()}">  
                                        <f:setPropertyActionListener value="#{lis}" target="#{ControladorProyecto.proyecto}" />  
                                    </p:commandButton>  
                                </p:column>
                                <p:column sortBy="#{lis.idproyecto}" filterBy="#{lis.idproyecto}" headerText="Proyecto">
                                    <h:outputText value="#{lis.idproyecto}"/>
                                </p:column>
                                <p:column sortBy="#{lis.nombre}" filterBy="#{lis.nombre}" headerText="Nombre">
                                    <h:outputText value="#{lis.nombre}"/>
                                </p:column>
                                <p:column sortBy="#{lis.cedulaprofesor.cedula}" filterBy="#{lis.cedulaprofesor.cedula}" headerText="Cedula profesor">
                                    <h:outputText value="#{lis.cedulaprofesor.cedula}"/>
                                </p:column>
                                <p:column sortBy="#{lis.facultad.nombre}" filterBy="#{lis.facultad.nombre}" headerText="facultad">
                                    <h:outputText value="#{lis.facultad.nombre}"/>
                                </p:column>
                                <p:column sortBy="#{lis.presupuesto}" filterBy="#{lis.presupuesto}" headerText="presupuesto">
                                    <h:outputText value="#{lis.presupuesto}"/>
                                </p:column>
                                <p:column sortBy="#{lis.fechainicio}" filterBy="#{lis.fechainicio}" headerText="fechaInicio">
                                    <h:outputText value="#{lis.fechainicio}"/>
                                </p:column>
                                <p:column sortBy="#{lis.fechafin}" filterBy="#{lis.fechafin}" headerText="fechaFin">
                                    <h:outputText value="#{lis.fechafin}"/>
                                </p:column>
                                <p:column sortBy="#{lis.estado}" filterBy="#{lis.estado}" headerText="estado">
                                    <h:outputText value="#{lis.estado}"/>
                                </p:column>
                                <p:column sortBy="#{lis.calificacionfinal}" filterBy="#{lis.calificacionfinal}" headerText="calificacion">
                                    <h:outputText value="#{lis.calificacionfinal}"/>
                                </p:column>
                            </p:dataTable>
                        </h:form>

                        <h:panelGrid id="panelgridProyeProfe" columns="4"/>   
                        <p:commandButton value="Crear" image="crear" styleClass="button" onclick="dlg3.show();"/>

                        <p:commandButton value="Editar" image="lapiz"   styleClass="button"  update="display2" oncomplete="dlg4.show();"/>

                        <p:commandButton value="Subir archivo" image="archivo" styleClass="button" update="uploadfile" onclick="dlg5.show();"/>
                        <p:commandButton value="Ver archivos" image="ui-icon-search" styleClass="button" update="ViewArchivos" onclick="dlg6.show();"/>
                        <p:commandButton value="Borrar Proyecto" image="borrar" styleClass="button" update="EliminarProyecto" onclick="dlg7.show();"/>

                        <p:dialog id="dialog3" header="Crear" widgetVar="dlg3" resizable="false" 
                                  modal="false" hideEffect="fold"
                                  showEffect="clip">
                            <h:form id="CrearProyecto">
                                <h:panelGrid columns="2" cellpadding="5">
                                    <h:outputText value="IDProyecto:"/>
                                    <p:inputText id="IDproyecto" value="#{ControladorProyecto.IDProyecto}"/>

                                    <h:outputText value="Nombre:"/>
                                    <p:inputText id="NombreProyecto" value="#{ControladorProyecto.nombre}"/>

                                    <h:outputText value="Descripcion:"/>
                                    <p:inputTextarea id="Descripcion" value="#{ControladorProyecto.descripcion}"/>

                                    <h:outputText value="Presupuesto:"/>
                                    <p:inputText id="Presupuesto" value="#{ControladorProyecto.presupuesto}"/>

                                    <h:outputText value="FechaInicio:"/>
                                    <p:calendar id="FechaInicio" value="#{ControladorProyecto.fechaInicio}" mode="popup" navigator="true" effect="explode"/>

                                    <h:outputText value="FechaFin:"/>
                                    <p:calendar id="FechaFin" value="#{ControladorProyecto.fechaFin}" mode="popup" navigator="true" effect="explode"/>
                                    <p:growl id="growl" showDetail="true" sticky="true" />  
                                    <p:commandButton value="Guardar" onclick="dlg3.hide();" actionListener="#{ControladorProyecto.crearProyecto()}" update="growl"/>

                                </h:panelGrid>           
                            </h:form>
                        </p:dialog>

                        <p:dialog id="dialog4" header="Editar" widgetVar="dlg4" resizable="false" 
                                  modal="false" hideEffect="fold"
                                  showEffect="clip">

                            <h:form id="display2">
                                <h:panelGrid  columns="2" cellpadding="5">

                                    <h:outputLabel  value="IDProyecto:"/>
                                    <p:inputText   value="#{ControladorProyecto.proyecto.idproyecto}" disabled="true"/>

                                    <h:outputLabel value="Nombre:"/>
                                    <p:inputText  value="#{ControladorProyecto.proyecto.nombre}"/>

                                    <h:outputLabel value="Descripcion:"/>
                                    <p:inputText value="#{ControladorProyecto.proyecto.descripcion}"/>

                                    <h:outputLabel value="Presupuesto:"/>
                                    <p:inputText   value="#{ControladorProyecto.proyecto.presupuesto}"/>

                                    <h:outputLabel  value="FechaInicio:"/>
                                    <p:calendar   value="#{ControladorProyecto.proyecto.fechainicio}" mode="popup" navigator="true" effect="explode"/>

                                    <h:outputLabel  value="FechaFin:"/>
                                    <p:calendar   value="#{ControladorProyecto.proyecto.fechafin}" mode="popup" navigator="true" effect="explode"/>
                                    <p:commandButton  value="Guardar" actionListener="#{ControladorProyecto.editarProyecto()}" onclick="dlg4.hide();" />

                                </h:panelGrid>

                            </h:form>
                        </p:dialog>

                        <p:dialog id="dialog5" header="Archivos" widgetVar="dlg5" resizable="false" 
                                  modal="false" hideEffect="fold"
                                  showEffect="clip">
                            <h:form id="uploadfile" enctype="multipart/form-data">

                                <p:fileUpload fileUploadListener="#{ControladorArchivos.handleFileUpload}"
                                              mode="advanced"
                                              update="messages"
                                              sizeLimit="1000000"
                                              allowTypes="/(\.|\/)(pdf)$/"/>
                                <p:growl id="messages" showDetail="true"/>  
                            </h:form>
                        </p:dialog>
                        <p:dialog id="dialog6" header="Archivos subidos" widgetVar="dlg6" resizable="false" 
                                  modal="false" hideEffect="fold"
                                  showEffect="clip">
                            <h:form id="ViewArchivos">
                                <p:dataTable  id="datatableArchivos" 
                                              value="#{ControladorArchivos.listaArchivos}"
                                              var="ars" 
                                              style="column-width: 50px;font-size: 12px;"
                                              paginator="true"
                                              rows="10"
                                              rowsPerPageTemplate="10,20,30"

                                    rowKey="#{ars.nombrearchivo}"
                                    selection="#{ControladorArchivos.archivo}"
                                    selectionMode="single">


                                    <p:column style="width:4%">  
                                        <p:commandButton id="selectButton"  icon="ui-icon-check" title="View" >  
                                            <f:setPropertyActionListener value="#{ars}" target="#{ControladorArchivos.archivo}" />  
                                        </p:commandButton>  
                                    </p:column>
                                    <p:column filterBy="#{ars.nombrearchivo}" headerText="Nombre">
                                        <h:outputText value="#{ars.nombrearchivo}"/>
                                    </p:column></p:dataTable>


                                


                            </h:form>     


                        </p:dialog>
                        <p:dialog id="dialog7" header="Borrar Proyecto" widgetVar="dlg7" resizable="false" 
                                  modal="false" hideEffect="fold"
                                  showEffect="clip">
                            <h:form id="EliminarProyecto" >

                                <h:panelGrid columns="2">

                                    <h:outputText value="Confirme la accion de borrar el proyecto:"/>
                                    <h:outputText value="#{ControladorProyecto.proyecto.idproyecto}"/>

                                    <p:commandButton value="Si" actionListener="#{ControladorProyecto.borrarProyecto()}" update="DeleteProyect" onclick="dlg7.hide();"/>
                                    <p:commandButton value="No" onclick="dlg7.hide();"/>
                                    <p:growl id="DeleteProyect" showDetail="true"/>
                                </h:panelGrid>
                            </h:form>
                        </p:dialog>


                    </p:tab>



                </p:tabView>  

            </p:layoutUnit>  

        </p:layout>     

    </h:body>
</html>

